<template>
  <div class="queryResult">
    <div class="header">
      <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
      缴费
    </div>
    <div class="contentList" v-show="contentListShow">
      <div class="listOne" v-if="contents.className != undefined">
        <div class="listOneTop">
          <span class="listOneName">{{contents.className}}</span><em>(￥{{contents.applyFee}})</em>
          <span class="listOneRevoke" :class="{listOneAppointment: contents.applyStatus == '0'}">{{contents.applyStatusName}}</span>
        </div>
        <div class="listOneTopOpt">
          <span  class="listOneAppointment" v-if="contents.applyStatusName == '可缴费'" @click="goPayment(contents.classId)">缴费</span>
        </div>
        <div class="listOneTitleBox">
          <div class="listOneTitle">
           <!-- <p>班级编号：{{contents.classNo}}</p>-->
            <p>学年：{{contents.year}}</p>
            <p>学期：{{contents.term}}</p>
            <p>区域：{{contents.area}}</p>
            <p>专业：{{contents.spelName}}</p>
            <p>开课/结课时间：{{contents.beginTime}}至{{contents.endDate}}</p>
          </div>
          <div class="revokeBtn" v-show="contents.applyStatus == '0'">
            <i class="iconfont icon-return"></i>
            <p>撤销</p>
          </div>
        </div>
        <div class="listOneText">
          <p><i class="iconfont icon-icon2"></i> 学生姓名：<span>{{contents.studentName}}</span></p>
          <div class="upClassTime">
            <div class="upClassTitle"><i class="iconfont icon-icon2"></i> 上课时间和地点：</div>
            <!--<div class="upClassHow">{{contents.timeable}}</div>-->
            <div v-if="typeof contents.classTimeable == 'string'" class="upClassHow">{{contents.classTimeable}}</div>
            <div v-else="" class="upClassHow"><p v-for="timeables in contents.classTimeable">{{timeables}}</p></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" src='./queryResult.scss'></style>
<script src="./queryResult.js"></script>
